<template>
   <el-table :data="tableData" style="width: 100%" border stripe>
      <el-table-column prop="id"  label="ID"  width="80"></el-table-column>
      <el-table-column prop="userName" label="疫苗名称" width="180"></el-table-column>
      <el-table-column prop="age" label="数量" width="80"> </el-table-column>
    </el-table>
</template>

<script>
    export default {
      data() {
        return {
          tableData: [{
            id:1,
            userName: '减毒活疫苗',
            age: '30',

          }, {
            id:2,
            userName: '灭活疫苗',
            age: '28',

          }, {
            id:3,
            userName: '类毒素疫苗',
            age: '30',
          }, {
            id:4,
            userName: '亚单位疫苗',
            age: '35',

          }, {
            id:5,
            userName: '载体疫苗',
            age: '30',

          }, {
            id:6,
            userName: '核酸疫苗',
            age: '35',

          }, {
            id:7,
            userName: '可食用的疫苗',
            age: '30',

          }, {
            id:8,
            userName: '核酸疫苗',
            age: '35',

          }]
        }
      }
    }
</script>
<style scoped>

</style>
